<template>
	<view class="content">
		<view class="title">支持以下数据格式（打印结果请在控制台查看）</view>
		<view class="title">
			<view>最新支持数据格式：</view>
			<view>1. 北京市朝阳区xx路姚家园x楼x单元3305上官飞雪15000000000</view>
			<view>2. 北京市朝阳区xx路姚家园x楼x单元3305上官飞雪15000000000邮编038300</view>
			<view>
				3. 上官飞雪<br/>
				1351111111<br/>
				浙江省 杭州市 上城区 xx路x号x幢x楼（靠近x幢）
			</view>
			<view>4. 上官飞雪,1351111111,北京市朝阳区富康路姚家园3楼邮编038300</view>
			<view>5. 上官飞雪1351111111北京市朝阳区富康路姚家园3楼0</view>
			<view>6. 北京市朝阳区xx路姚家园x楼1351111111上官飞雪</view>
			<view>7. 北京市朝阳区xx路姚家园x楼150-0000-0000上官飞雪</view>
		</view>
		<textarea @change="autoParse" cols="50" rows="10" v-model="address" placeholder="请粘贴您需要识别的地址"></textarea>
		<button @click="autoParse">自动识别</button>
		<view v-if="value" class="title">自动识别结果：</view>
		<view style="padding-top:30rpx;" v-html="value"></view>
	</view>
</template>
<script>
	import {parse,parseArea} from './lib/address-parse.js'
	export default{
		data(){
			return{
				value:'',
				address:''
			}
		},
		methods:{
			autoParse(){
				if(!this.address){
					return uni.showToast({
						title: '请粘贴您需要识别的地址',
						icon: 'none'
					})
				}
				const address = this.address
				const result = parse(address)
				let html = ''
				for(let key in result){
					if(result[key]){
					   html+=key+`:`+result[key]+`<br/>`
					}
				}
				this.value = html
			}
		},
		onLoad() {
			
		}
	}
</script>
<style lang="less" scoped>
	.content{
		padding:40rpx;
		box-sizing: border-box;
	}
	textarea{
		border: 1px solid #dbdbdb;
		padding:20rpx;
		width:100%;
		margin:30rpx 0;
		box-sizing: border-box;
	}
	.title{
		font-size:30rpx;
		font-weight:600;
		padding-top: 30rpx;
	}
</style>
